<template>
    <div class="user-list">
        <el-table
      v-loading="loading"
      :data="userList"
    >
    <el-table-column prop="user.username" label="用户名" align="center" />
    <el-table-column prop="user.phone" label="联系方式" align="center" />
    <el-table-column prop="state" label="是否完成" align="center">
        <template slot-scope="scope">
            <el-tag v-if="scope.row.state==='SUCCESS'">完成</el-tag>
            <el-tag type="danger" v-else>未完成</el-tag>
        </template>
    </el-table-column>
    <el-table-column label="完成进度" align="center">
        <template slot-scope="scope">
            <span>{{ scope.row.schedule>100?100: scope.row.schedule }}%</span>
        </template>
    </el-table-column>
</el-table>
    </div>
</template>
<script>
export default{
    props:{
        userList:{
            type:Array,
            default:[]
        }
    },
    data() {
        return {
            loading:false
        }
    },
}
</script>